import { useState, useEffect } from 'react'
import PanelLeft from '../../../../../common/PanelLeft';
import LittleTitle from '../../../../../common/LittleTitle';
import { Select, Space } from 'antd';
import Zhyxzhfx from './Zhyxzhfx';
import Zzfxfx from './Zzfxfx';
import Cztzhfx from './Cztzhfx';
import Cszhfx from './Cszhfx';
import Jznlfx from './Jznlfx';
import Yxdjyp from './Yxdjyp';
import BlockPanel from '../common/BlockPanel';
export default function DynamicRiskAnalysis(props) {
    const [type, setType] = useState();
    return <>
        <PanelLeft style={{
            // top: 98
        }}>
            <BlockPanel title="动态风险分析" className="h100">
                <Space direction='vertical' style={{
                    width: "100%",
                    overflow: "hidden"
                }}>
                    <LittleTitle fontSize={16} icon={false}>选择分析信息</LittleTitle>
                    <div className='layout-h center'>
                        <div>类型：</div>
                        <div className='fill'>
                            <Select value={type} onChange={value => {
                                setType(value);
                            }} style={{
                                width: "100%"
                            }} options={[{
                                label: '灾害影响综合分析',
                                value: 'zhyxzhfx'
                            }, {
                                label: '致灾风险分析',
                                value: 'zzfxfx'
                            }, {
                                label: '承灾体综合分析',
                                value: 'cztzhfx'
                            }, {
                                label: '次生灾害分析',
                                value: 'cszhfx'
                            }, {
                                label: '减灾能力分析',
                                value: 'jznlfx'
                            }
                                // , {
                                //     label: '影响叠加研判',
                                //     value: 'yxdjyp'
                                // }
                            ]}></Select>
                        </div>
                    </div>
                    {type === 'zhyxzhfx' && <Zhyxzhfx />}
                    {type === 'zzfxfx' && <Zzfxfx />}
                    {type === 'cztzhfx' && <Cztzhfx />}
                    {type === 'cszhfx' && <Cszhfx />}
                    {type === 'jznlfx' && <Jznlfx />}
                    {/* {type === 'yxdjyp' && <Yxdjyp />} */}
                </Space>
            </BlockPanel>
        </PanelLeft>
    </>;
}